<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人生倒计时</title>
		<link rel="stylesheet" href="rsdjs.css" />
		<script src="div.js"></script>
		<script src="timeinfo.js"></script>
		<div class="rsdjs">
			<div class="title">
				<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18">
					<path
						d="M864.801 895.471h-33.56v-96.859c0-126.081-73.017-235.093-179.062-287.102 106.046-52.01 179.062-161.022 179.062-287.102v-96.859h33.56c17.301 0 31.325-14.327 31.325-32 0-17.673-14.024-32-31.325-32H159.018c-17.3 0-31.325 14.327-31.325 32 0 17.673 14.025 32 31.325 32h33.02v96.859c0 126.08 73.016 235.092 179.061 287.102-106.046 52.009-179.062 161.02-179.062 287.101v96.859h-33.02c-17.3 0-31.325 14.326-31.325 32s14.025 32 31.325 32H864.8c17.301 0 31.325-14.326 31.325-32s-14.023-31.999-31.324-31.999zM256.05 222.427v-94.878h513.046v94.878c0 141.674-114.85 256.522-256.523 256.522-141.674 0-256.523-114.848-256.523-256.522zm513.046 673.044H256.05v-94.879c0-141.674 114.849-256.521 256.523-256.521 141.673 0 256.523 114.848 256.523 256.521v94.879z">
					</path>
					<path
						d="M544.141 384c0-17.69-14.341-32.031-32.031-32.031-71.694 0-127.854-56.161-127.854-127.855 0-17.69-14.341-32.032-32.031-32.032s-32.032 14.341-32.032 32.032c0 107.617 84.3 191.918 191.917 191.918 17.69 0 32.031-14.342 32.031-32.032z">
					</path>
				</svg>
				<span class="text">人生倒计时</span>
				<span class="line"></span>
			</div>
			<div class="content">
				<div class="item" id="dayProgress">
					<!-- 日 -->
					<div class="title"> 今日已经过去 <span class="time"></span> 小时 </div>
					<div class="progress">
						<div class="progress-bar">
							<div class="progress-inner progress-inner-1"></div>
						</div>
						<div class="progress-percentage"></div>
					</div>
				</div>
				<div class="item" id="weekProgress">
					<!-- 周 -->
					<div class="title"> 这周已经过去 <span class="time"></span> 天 </div>
					<div class="progress">
						<div class="progress-bar">
							<div class="progress-inner progress-inner-2"></div>
						</div>
						<div class="progress-percentage"></div>
					</div>
				</div>
				<div class="item" id="monthProgress">
					<!-- 月 -->
					<div class="title"> 本月已经过去 <span class="time"></span> 天 </div>
					<div class="progress">
						<div class="progress-bar">
							<div class="progress-inner progress-inner-3"></div>
						</div>
						<div class="progress-percentage"></div>
					</div>
				</div>
				<div class="item" id="yearProgress">
					<!-- 年 -->
					<div class="title"> 今年已经过去 <span class="time"></span> 个月 </div>
					<div class="progress">
						<div class="progress-bar">
							<div class="progress-inner progress-inner-4"></div>
						</div>
						<div class="progress-percentage"></div>
					</div>
				</div>
			</div>
		</div>
		</body>
</html>
